<template>
  <div id="content">
            <div class="first">
                <div class="ftop scroll">
                    <h3>
                       {{ftitle}}
                    </h3>
                </div>
               <Fbuttom/>
            </div>
            <div class="second">
                <div class="stop scroll">
                    <h3>
                       {{stitle}}
                    </h3>
                </div>
               <Sbuttom/>
            </div>
            <div class="third">
                <div class="ttop scroll">
                    <h3>
                        {{ttitle}}
                    </h3>
                </div>
               <Tbuttom/>
                
            </div>
            <Message/>
           
        </div>
</template>

<script>
import Fbuttom from './fbuttom.vue'
import Sbuttom from './sbuttom.vue'
// import Tbuttom from './tbuttom.vue'
import Tbuttom from './tbuttom.vue'
import Message from './message.vue'




export default {
    name:'contenter',
    components:{
        Fbuttom,
        Sbuttom,
        Tbuttom,
        Message

   
    },
    data() {
        return {
            ftitle:" 5年技术积累成就行业导航",
            stitle:" 代理商合作条件",
            ttitle:"5年技术积累成就行业导航",
        }
    },

}
</script>

<style>
#content{
    margin: 135px auto 0;
   
}
.first{
    margin: 135px auto;
    width: 1000px;
    height: 250px;
}
.first .ftop{
    /* border: 1px solid black; */
    margin-bottom: 60px;
    width: 100%;
    height: 30px;
}
.first .ftop h3{
    text-align: center;
    font-weight: normal;
    font-size: 20px;
}

.second{
    margin: 135px auto 0;
    margin-top: 100px;
    width: 100%;
    height: 500px;
    background-image: url(../image/picture2.jpg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    /* background: linear-gradient(rgba(225, 225, 225, 0.9), rgba(231, 231, 231, 0.9)); */
}
.second .stop{
    /* display: inline-block; */
    margin: 0 auto;
    padding:80px 0;
    width: 1000px;
    text-align: center;
    font-weight: normal;
}
.second .stop h3{
    text-align: center;
    font-weight: normal;
}

.third{
    margin: 100px auto;
    width: 1000px;
}
.third .ttop h3{
    text-align: center;
    font-weight: normal;
}


</style>